<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*清除,内边距和外边距*/
			
			* {
				/*外边距*/
				margin: 0;
				/*内边距*/
				padding: 0;
			}
			
			div {
				/*宽度*/
				width: 500px;
				/*高度*/
				height: 500px;
				/*背景颜色*/
				background-color: red;
				/*字体颜色*/
				color: green;
				/*字体大小*/
				font-size: 100px;
				margin: 10px;
				/*让竖直的块级元素水平浮动*/
				display: inline-block;
				/*float: left;*/
			}
			
			img {
				width: 400px;
				height: 400px;
			}
			p{
				/*宽度*/
				width: 450px;
				/*高度*/
				height: 450px;
				/*背景颜色*/
				background-color: red;
				/*字体颜色*/
				color: green;
				/*字体大小*/
				font-size: 100px;
				margin: 10px;
			}
		</style>
	</head>

	<body>
		<div>
			<a href="http://www.baidu.com">
				<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
			</a>

		</div>
		<div>
			<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
		</div>
		<div>
			<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
		</div>
		<div>
			<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
		</div>
		<div>
			<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
		</div>
		
		<p>
			<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2060304419,1498727297&fm=173&s=8CB23C9E46647EBEFA8E0EE50300F031&w=400&h=599&img.JPEG" />
		</p>
	</body>

</html>